import React from 'react'

type Props = {
    username?: string,
    editusername: () => void
}

// export default function Child({ username, editusername }:Props) {
//     return (
//         <div>
//             子组件-{username} --<button onClick={() => editusername()}>修改name</button>
//         </div>
//     )
// }


// 第二种定义ts 函数组件的写法
const Child: React.FC<Props> = ({ username, editusername }) => {
    return (
        <div>
            子组件-{username} --<button onClick={() => editusername()}>修改name</button>
        </div>
    )
}

Child.defaultProps = {
    username: '祝枝山'
}

export default Child